<template>
  <div id="app">
    <el-container>
      <el-header>
        <el-row>
          <el-col :span="8">
            <div class="grid-content header-left-dark">SBS</div>
          </el-col>
          <el-col :span="16">
            <div class="grid-content header-right-light">
              <el-row type="flex" justify="start">
                <el-col :span="10">福建浔兴拉链科技股份有限公司
                </el-col>
              </el-row>
              <el-row>
                <el-col :span="10">Fujian xunxing zipper Science & Technology Co., Ltd</el-col>
              </el-row>
            </div>
          </el-col>
        </el-row>
      </el-header>
  
      <el-main>
        <router-view/>
      </el-main>
    </el-container>
  
  </div>
</template>

<script>
  export default {
    name: 'app',
    data() {
      return {
        isHome: false
      }
    },
  
    methods: {
      handleOpen(key, keyPath) {
        console.log(key, keyPath);
      },
      handleClose(key, keyPath) {
        console.log(key, keyPath);
      }
    },
    // beforeMount: function() {
    //   console.log(this.$route.path)
    //   if(this.$route.path!="/"){
    //     this.isHome = false;
    //   }else{
    //     this.isHome = true;
    //   }
    //   console.log('mounted 钩子执行...');
    // }
  }
</script>

<style scoped>
/*   #workspace .el-row{
    margin:30px;
  } */

  #app .el-menu {
    margin-bottom: 30px;
  }
  
  #app .el-main {
    padding-top: 0px;
  }
  
  #app .el-header {
    color: #2c343c;
  }

  
  .header-left-dark {
    background: #99a9bf;
    font-size: 48px;
  }
  .header-right-light{
    background: #ffffff;
  }

  
  .grid-content {
    min-height: 60px;
  }
  
  #app {
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-top: 30px;
  }
  
  body {
    margin: 0;
  }
  
  #app {
    min-width: 1200px;
    margin: 0 auto;
    font-family: "Helvetica Neue", "PingFang SC", Arial, sans-serif;
  }


</style>
